@charset "utf-8";
/* CSS Document */
/*----------------------nav部分-------------------------------*/
#include{width:100%;z-index: 8;position:relative; background:#fff;}
#nav{position:relative; width:100%;height:auto; overflow:hidden; background:url(../images/logo.png) no-repeat 32px 11px #fff; font-size:14px; z-index:9; border-bottom:3px solid #ccc; box-shadow: 0 0 8px #ccc;}
#nav .nav_left{margin-left:211px; float:left; height:66px;}
#nav .nav_left li{position:relative; float:left;padding:17px 6px 17px 4px;}
#nav .nav_left a{display:inline-block;color:#333; width:80px;height:30px; line-height:30px; text-align:center;}
#nav .nav_left span{position:absolute; left:50px; bottom:0; display:block;width:0px; height:3px; margin-top:16px; background:#661166;}
#nav .hot{position:absolute; left:550px; top:13px; width:19px; height:12px; background:url(../images/hoticon.gif) no-repeat;}
#nav .search{float:left; margin:16px 0 0 420px; *margin:16px 0 0 0px; *margin-left:180px; border:1px solid #eeeeee; *border:none;}
#nav input{height:34px; float:left; border:none; outline:none;}
#nav .search .text{width:130px; padding-left:4px; height:34px; line-height:34px; color:12px;font-size:12px;}
#nav .search .btn{width:34px; background:url(../images/search.gif) no-repeat 8px 8px;}
#beauty{display:none;position:absolute; left:210px; top:64px; width:861px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 999;}
#beauty h2,#milk .milk_left h2{font-size:12px; color:#666; margin-top:4px;}
#beauty .beauty_left,#milk .milk_left,#tax .tax_left,#overseas .overseas_left{float:left;width:118px; height:258px; border-right:1px dashed #dadada;}
#beauty .beauty_left li,#milk .milk_left li,#tax .tax_left li,#overseas .overseas_left li{line-height:24px;font-size:12px;}
#beauty .beauty_left a,#milk .milk_left a,#tax .tax_left a,#overseas .overseas_left a{color:#666;}
#beauty .beauty_right{float:left; margin:9px 0 0 54px; font-size:12px;}
#beauty .beauty_right li,#milk .milk_center li,#milk .milk_right li,#milk .milk_end li,#tax .tax_right li,#tax .tax_end li,#overseas .overseas_center li,#overseas .overseas_end li{line-height:24px;font-size:12px;}
#beauty .beauty_right a,#milk .milk_center a,#milk .milk_right a,#milk .milk_end a,#tax .tax_right a,#tax .tax_end a,#overseas .overseas_center a,#overseas .overseas_end a{color:#666;}
#beauty span,#milk span,#tax span,#overseas span{display:inline-block; margin:9px 30px 0 0; float:right; font-size:12px;}
#beauty span a,#milk span a,#tax span a,#overseas span a{color:#661166;}
#milk{display:none;position:absolute; left:210px; top:64px; width:871px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#milk .milk_center,#milk .milk_right,#tax .tax_right,#overseas .overseas_center{float:left; margin-left:54px; width:114px; height:258px; border-right:1px dashed #dadada;}
#milk .milk_center h2,#milk .milk_right h2,#milk .milk_end h2,#tax .tax_end h2,#overseas .overseas_end h2{font-size:12px; color:#666;}
#milk .milk_end,#tax .tax_end,#overseas .overseas_end{float:left; margin-left:54px;}
#milk em{display:inline-block; width:180px; height:180px; margin:60px 0 0 122px;}
#tax{display:none;position:absolute; left:210px; top:64px; width:871px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#tax .tax_end{width:120px;}
#tax em{display:inline-block; width:180px; height:180px;margin:62px 0 0 60px;}
#overseas{display:none;position:absolute; left:210px; top:64px; width:994px; height:269px; background:#fff; padding:11px 0 0 30px;opacity:0.9; filter:alpha(opacity=90); z-index: 9999;}
#overseas em{display:inline-block; width:180px; height:180px; margin:62px 0 0 14px;}
/*-------------------banner--------------------------------------------*/
#banner{width:100%; height:576px;}
#banner .pic1{background:url(../images/banner01.jpg) no-repeat center top; height:144px;}
#banner .pic2{background:url(../images/banner02.jpg) no-repeat center top; height:144px;}
#banner .pic3{background:url(../images/banner03.jpg) no-repeat center top; height:144px;}
#banner .pic4{background:url(../images/banner04.jpg) no-repeat center top; height:144px;}
/*---------------recommend-------------------------------- */
#recommend{width:100%; height:auto; background:url(../images/bj.jpg) repeat; padding-top:15px;}
#recommend .tit1{height:41px; background:url(../images/tit1.png) no-repeat center; margin-bottom:15px;}
#recommend .produce{width:1010px; height:380px; margin-left:125px;}
#recommend .pro_list li{float:left; width:243px; background:#fff; position:relative; border:1px solid #fff; margin-right:6px;}
#recommend .pro_list li:hover{border:1px solid #616;}
#recommend .img_pro{position:absolute; left:10px; top:10px; width:38px; height:25px;}
#recommend .produce1{height:103px; font-size:12px; margin:20px 10px 0 10px;}
#recommend .produce1 h2{font-weight:normal; color:#333; font-size:13px; height:36px; overflow: hidden;}
#recommend .produce1 a{color:#333;}
#recommend .produce1 span{display:inline-block; color:red; margin-top:20px;}
#recommend .produce1 em{font-style:normal; font-size:18px;}
#recommend .produce1 i{font-style:normal; color:#bbb;}
#recommend .produce1 strong{font-weight:normal; text-decoration: line-through;}
#recommend .produce1 b{font-weight:normal; display:inline-block; margin-left:16px; width:63px; height:24px; background:#d22147; color:#fff; cursor: pointer;text-align: center; line-height:24px;}

#face{width:100%; height:auto; background:url(../images/bj.jpg) repeat; padding-top:15px;}
#face .tit2{height:41px; background:url(../images/tit2.png) no-repeat center; margin-bottom:15px;}
#face .produce{width:1010px; height:auto; overflow: hidden; margin-left:125px;}
#face .pro_list li{float:left; width:243px; background:#fff; position:relative; border:1px solid #fff; margin-right:6px; margin-top:10px;}
#face .pro_list li:hover{border:1px solid #616;}
#face .img_pro{position:absolute; left:10px; top:10px; width:38px; height:25px;}
#face .produce1{height:103px; font-size:12px; margin:20px 10px 0 10px;}
#face .produce1 h2{font-weight:normal; color:#333; font-size:13px; height:36px; overflow: hidden;}
#face .produce1 a{color:#333;}
#face .produce1 span{display:inline-block; color:red; margin-top:20px;}
#face .produce1 em{font-style:normal; font-size:18px;}
#face .produce1 i{font-style:normal; color:#bbb;}
#face .produce1 strong{font-weight:normal; text-decoration: line-through;}
#face .produce1 b{font-weight:normal; display:inline-block; margin-left:16px; width:63px; height:24px; background:#d22147; color:#fff; cursor: pointer;text-align: center; line-height:24px;}

#heath{width:100%; height:auto; background:url(../images/bj.jpg) repeat; padding-top:15px;}
#heath .tit3{height:41px; background:url(../images/tit3.png) no-repeat center; margin-bottom:15px;}
#heath .produce{width:1010px; height:auto; overflow: hidden; margin-left:125px;}
#heath .pro_list li{float:left; width:243px; background:#fff; position:relative; border:1px solid #fff; margin-right:6px; margin-top:10px;}
#heath .pro_list li:hover{border:1px solid #616;}
#heath .img_pro{position:absolute; left:10px; top:10px; width:38px; height:25px;}
#heath .produce1{height:103px; font-size:12px; margin:20px 10px 0 10px;}
#heath .produce1 h2{font-weight:normal; color:#333; font-size:13px; height:36px; overflow: hidden;}
#heath .produce1 a{color:#333;}
#heath .produce1 span{display:inline-block; color:red; margin-top:20px;}
#heath .produce1 em{font-style:normal; font-size:18px;}
#heath .produce1 i{font-style:normal; color:#bbb;}
#heath .produce1 strong{font-weight:normal; text-decoration: line-through;}
#heath .produce1 b{font-weight:normal; display:inline-block; margin-left:16px; width:63px; height:24px; background:#d22147; color:#fff; cursor: pointer;text-align: center; line-height:24px;}

#hair{width:100%; height:auto; background:url(../images/bj.jpg) repeat; padding-top:15px;}
#hair .tit4{height:41px; background:url(../images/tit4.png) no-repeat center; margin-bottom:15px;}
#hair .produce{width:1010px; height:auto; overflow: hidden; margin-left:125px;}
#hair .pro_list li{float:left; width:243px; background:#fff; position:relative; border:1px solid #fff; margin-right:6px; margin-top:10px;}
#hair .pro_list li:hover{border:1px solid #616;}
#hair .img_pro{position:absolute; left:10px; top:10px; width:38px; height:25px;}
#hair .produce1{height:103px; font-size:12px; margin:20px 10px 0 10px;}
#hair .produce1 h2{font-weight:normal; color:#333; font-size:13px; height:36px; overflow: hidden;}
#hair .produce1 a{color:#333;}
#hair .produce1 span{display:inline-block; color:red; margin-top:20px;}
#hair .produce1 em{font-style:normal; font-size:18px;}
#hair .produce1 i{font-style:normal; color:#bbb;}
#hair .produce1 strong{font-weight:normal; text-decoration: line-through;}
#hair .produce1 b{font-weight:normal; display:inline-block; margin-left:16px; width:63px; height:24px; background:#d22147; color:#fff; cursor: pointer;text-align: center; line-height:24px;}

#tooth{width:100%; height:auto; background:url(../images/bj.jpg) repeat; padding-top:15px;}
#tooth .tit5{height:41px; background:url(../images/tit5.png) no-repeat center; margin-bottom:15px;}
#tooth .produce{width:1010px; height:auto; overflow: hidden; margin-left:125px;}
#tooth .pro_list li{float:left; width:243px; background:#fff; position:relative; border:1px solid #fff; margin-right:6px; margin-top:10px;}
#tooth .pro_list li:hover{border:1px solid #616;}
#tooth .img_pro{position:absolute; left:10px; top:10px; width:38px; height:25px;}
#tooth .produce1{height:103px; font-size:12px; margin:20px 10px 0 10px;}
#tooth .produce1 h2{font-weight:normal; color:#333; font-size:13px; height:36px; overflow: hidden;}
#tooth .produce1 a{color:#333;}
#tooth .produce1 span{display:inline-block; color:red; margin-top:20px;}
#tooth .produce1 em{font-style:normal; font-size:18px;}
#tooth .produce1 i{font-style:normal; color:#bbb;}
#tooth .produce1 strong{font-weight:normal; text-decoration: line-through;}
#tooth .produce1 b{font-weight:normal; display:inline-block; margin-left:16px; width:63px; height:24px; background:#d22147; color:#fff; cursor: pointer;text-align: center; line-height:24px;}

#more{width:100%; height:auto; overflow: hidden; background:url(../images/bj.jpg) repeat; padding-top:10px;}
#more .tit6{width:100%;height:41px; margin-left:-10px; background:url(../images/brand_tit.jpg) no-repeat center; margin-bottom:15px;}
#more .more_list{width:1008px; margin-left:120px;}
#more .more_list li{float:left; margin-right:6px;}
#other .more_end{width:100%; text-align: center; margin-bottom:50px;}
#other{width:100%; height:130px; background:url(../images/bj.jpg) repeat; padding-top:40px;}

#floor2{display:none; position:relative;}
#floor2 .floor_img{position:fixed; left:-50px; top:100px;}

#floor2 .floor_img a{opacity:0; filter:alpha(opacity=0); display:inline-block; position:absolute; left:58px; font-size:18px; color:#fff;}
#floor2 .floor_img .a_1{top:152px;}
#floor2 .floor_img .a_2{top:185px;}
#floor2 .floor_img .a_3{top:220px;}
#floor2 .floor_img .a_4{top:256px;}
#floor2 .floor_img .a_5{top:292px;}
#floor2 .floor_img .a_6{top:328px;}
#floor2 .floor_img .a_7{top:363px;}
#floor2 .floor_img .a_8{left:79px;top:400px;}






